@charset "utf-8";

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,ol,p,pre,td,textarea,th,ul {
	padding: 0;
	margin: 0
}

.apply_dialog .isnotNeed,.clear:after {
	visibility: hidden
}

.select_lan,header.header {
	position: relative;
	z-index: 50
}

.productWrapper .swiperContainer.show li,.productWrapper ul.productul.show>li {
	animation-name: fadeInUp
}

@font-face {
	font-family:din;src:url(../fonts/dincond-bold.eot) format("embedded-opentype"),url(../fonts/dincond-bold.eot),url(../fonts/dincond-bold.woff) format("woff"),url(../fonts/dincond-bold.ttf) format("truetype"),url(../fonts/dincond-bold.svg#ekcososregular) format("svg");font-weight:400;font-style:normal
}

.digit {
	font-family: din,"Microsoft YaHei"
}

a,body,button,html,input,select,textarea {
	font-family: "PingFang SC",Helvetica,"Microsoft YaHei"
}

body,html {
	font-size: 14px;
	line-height: 1.6;
	font-weight: 500
}

body,button,input,select,textarea {
	color: #666;
	font-weight: 500
}

address,cite,dfn,em,var {
	font-style: normal
}

dl,ol,ul {
	list-style: none
}

a {
	text-decoration: none;
	outline: 0;
	cursor: pointer
}

img {
	border: 0
}

button,input,select,textarea {
	outline: 0;
	margin: 0;
	font: inherit;
	color: inherit;
	font-family: "PingFang SC",Helvetica,"Microsoft YaHei"
}

.ffandie,html {
	font-family: "PingFang SC",Helvetica,"Microsoft YaHei"
}

label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px
}

.foot .content,header .menu {
	/* max-width: 1760px;
	min-width: 1280px; */
	box-sizing: border-box;
	max-width: 1280px;/* 202408 */
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.clear:after {
	display: block;
	clear: both;
	content: "\0020";
	height: 0
}

br {
	display: block;
	opacity: 0
}

@media screen and (min-width:1760px) {
	html {
		font-size: 100px
	}
}

@media (min-width:1360px) and (max-width:1760px) {
	html {
		font-size: calc((100vw - 160px)/ 16)
	}
}

@media screen and (max-width:1360px) {
	html {
		font-size: 75px
	}

	header .menu {
		max-width: 1280px!important;
		/* padding: 0 144px; *//* 202408 */
		box-sizing: border-box
	}
}

@media screen and (max-width:1024px) {
	html {
		font-size: 64px;/* 202408 */
	}

	 
}

@media screen and (min-width:1920px) {
	html {
		font-size: calc(83.34vw / 16)
	}
}

html {
	box-sizing: border-box;
	font-weight: 500;
	line-height: 1.6
}

#is-service-frame {
	display: none
}

.select_lan {
	background: #242424;
	width: 100%;
	/* min-width: 1280px; *//* 202408 */
	height: 70px
}

.select_lan .select_lan_con {
	width: 980px;
	margin: 0 auto;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.select_lan .select_lan_con .select_lan_con_flex {
	display: flex;
	align-items: center
}

.select_lan .select_lan_con .select_lan_con_flex span {
	font-weight: 500;
	font-size: 16px;
	color: #A7A7A7;
	line-height: 0;
	text-align: left
}

.select_lan .select_lan_con .select_lan_con_flex .select_lan_con_btn {
	width: 120px;
	height: 40px;
	background: #333;
	border-radius: 8px;
	border: 1px solid #707070;
	text-align: center;
	line-height: 40px;
	font-size: 13px;
	color: #FFF;
	margin-left: 40px;
	cursor: pointer
}

.select_lan .select_lan_con .select_lan_con_img {
	font-size: 18px;
	cursor: pointer
}

header.header {
	background: #000;
	width: 100%;
	/* min-width: 1280px *//* 202408 */
}

header .menu {
	margin: 0 auto
}

.header .logo {
	/*height: 80px;
	line-height: 80px;
	 text-align: center */
}

.header .menu>ul {
	display: flex;
	justify-content: center;
	align-items: center
}

.header .menu>ul>li {
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	padding: 0 25px;
	margin: 0 40px;
	white-space: nowrap
}

.header .menu>ul>li:first-child {
	padding-left: 0;
	margin-left: 0
}

.header .menu>ul>li:last-child {
	margin-right: 0;
	padding-right: 0
}

.header .menu>ul>li>a {
	color: #a7a7a7
}

.header .menu>ul>li a.active {
	color: #fff
}

#oc-mask {
	position: fixed;
	top: 130px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-color: rgba(0,0,0,.2);
	z-index: 1;
	height: 0;
	opacity: 0
}

header.mask-open #oc-mask {
	opacity: 1;
	height: 100vh
}

@keyframes fadeInUp {
	0% {
		transform: translate3d(0,7%,0);
		display: none;
		opacity: 0
	}

	100% {
		transform: none;
		display: flex;
		opacity: 1
	}
}

.animated {
	animation-duration: .6s;
	animation-fill-mode: both;
	animation-timing-function: ease-in-out
}

.pc-nav-submenus-popup,.pc-nav-submenus-popups {
	z-index: 999;
	max-height: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
	top: 130px;
	left: 0;
	background-color: #fff;
	height: 385px
}

.pc-nav-submenus-popup {
	transition: max-height .6s
}

#header .has-submenu.opened .pc-nav-submenus-popup,#header .has-submenu.opened .pc-nav-submenus-popups {
	display: block;
	max-height: 100vh
}

.productWrapper ul.productul.show {
	display: flex
}

.productWrapper ul.productul>li {
	position: relative;
	opacity: 0;
	transform: translate3d(0,7%,0)
}

.productWrapper .swiperWrapper>ul>li.new::before,.productWrapper ul.productul>li.new::before {
	transform: translateX(-50%);
	font-size: 13px;
	border: 1px solid #db0000;
	padding: 1px 0;
	text-align: center;
	font-weight: 800
}

.productWrapper ul.productul>li.new::before {
	content: "新品";
	position: absolute;
	left: 50%;
	bottom: 41px;
	width: 51px;
	line-height: 18px;
	color: #db0000;
	border-radius: 11px;
	background-color: #fff5f5
}

.productWrapper .swiperContainer.show {
	display: block
}

.productWrapper ul.productul {
	display: none;
	position: absolute;
	top: 93px;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 999;
	height: 292px;
	justify-content: center
}

.productWrapper ul.productul>li {
	margin: 0 7px;
	width: 210px;
	text-align: center;
	display: flex;
	flex-direction: column
}

.productWrapper ul.productul>li:hover img {
	transform: scale(1.05);
	transform-origin: center center
}

.productWrapper ul.productul a {
	display: block
}

.productWrapper ul.productul .img {
	background-color: #eee;
	width: 210px;
	height: 180px;
	margin-bottom: 19px;
	display: flex;
	align-items: center;
	justify-content: center
}

.productWrapper ul.productul .proTitle {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #111
}

.productWrapper .swiperContainer {
	display: none;
	position: absolute;
	top: 93px;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 999;
	height: 272px;
	overflow: hidden
}

.productWrapper .next,.productWrapper .prev {
	position: absolute;
	top: 74px;
	text-align: center;
	cursor: pointer
}

.productWrapper .next span,.productWrapper .prev span {
	display: inline-block;
	width: 40px;
	height: 33px;
	background: url(../images/arrow-0dcfec1ffd.png) center center no-repeat
}

.productWrapper .prev.show {
	display: block
}

.productWrapper .prev {
	display: none;
	left: 10px
}

.productWrapper .prev span {
	background-position: 0 0
}

.productWrapper .prev:hover>span {
	background: url(../images/arrow_active-7def17bfeb.png) no-repeat
}

.productWrapper .next {
	right: 10px
}

.productWrapper .next span {
	background-position: -40px 0
}

.productWrapper .next:hover>span {
	background: url(../images/arrow_active-7def17bfeb.png) -40px 0 no-repeat
}

.productWrapper .swiperWrapper {
	width: 1200px;
	margin: 0 auto;
	height: 100%;
	position: relative;
	overflow: hidden
}

.productWrapper .swiperWrapper .swiperAnimated {
	position: absolute;
	display: flex;
	transition: all .5s ease;
	left: 0
}

.productWrapper .swiperWrapper>ul>li.new::before {
	content: "新品";
	position: absolute;
	left: 50%;
	bottom: -33px;
	width: 51px;
	line-height: 18px;
	color: #db0000;
	border-radius: 11px;
	background-color: #fff5f5
}

.productWrapper .swiperWrapper>ul>li {
	margin: 0 7px;
	width: 210px;
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: column
}

.productWrapper .swiperWrapper>ul>li:hover img {
	transform: scale(1.05);
	transform-origin: center center
}

.productWrapper .swiperWrapper>ul a {
	display: block
}

.productWrapper .swiperWrapper>ul .img {
	background-color: #eee;
	width: 210px;
	height: 180px;
	margin-bottom: 19px;
	display: flex;
	align-items: center;
	justify-content: center
}

.detail_header .th_content,.foot .copyright,.foot .foot_top {
	justify-content: space-between
}

.productWrapper .swiperWrapper>ul .proTitle {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #111
}

ul.submenu {
	/* width: 1200px; *//* 202408 */
	margin: 0 auto;
	position: relative;
	text-align: center
}

ul.submenu>li {
	display: inline-block;
	height: 93px;
	padding: 0 23px;
	line-height: 93px
}

ul.submenu>li span {
	cursor: pointer
}

ul.submenu>li:first-child {
	padding-left: 0
}

ul.submenu>li:nth-child(8) {
	padding-right: 0
}

ul.submenu>li>a {
	padding-bottom: 5px
}

ul.submenu a,ul.submenu>li {
	color: #111;
	font-size: 18px;
	font-weight: 500
}

.erweima,.miniapp {
	display: none
}

.erweima .modal-con,.miniapp .modal-con {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1001;
	-webkit-overflow-scrolling: touch;
	outline: 0
}

.erweima .modal-mask,.miniapp .modal-mask {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background-color: #000;
	right: 0;
	bottom: 0;
	margin: 0;
	overflow: auto;
	opacity: .8;
	filter: "alpha(opacity=80)"
}

.erweima .modal-container,.miniapp .modal-container {
	top: 100px;
	width: 352px;
	left: 50%;
	margin-left: -176px;
	background-color: #fff;
	border-radius: 8px;
	z-index: 9999;
	position: relative;
	text-align: center
}

.erweima .modal-container .qr_close,.miniapp .modal-container .miniapp_close {
	position: absolute;
	width: 30px;
	height: 30px;
	top: -10px;
	right: -10px;
	background: url(../images/dialog_close-2f70a032e0.png) center no-repeat
}

.erweima .modal-container h2,.miniapp .modal-container h2 {
	font-size: 24px;
	color: #2f2f2f;
	font-weight: 400;
	padding-top: 22px
}

.erweima .modal-container p,.miniapp .modal-container p {
	font-size: 14px;
	color: grey;
	line-height: 24px;
	margin-top: 16px
}

.erweima .modal-container img,.miniapp .modal-container img {
	margin-top: 30px;
	margin-bottom: 30px
}

.foot {
	/* min-width: 1280px; *//* 202408 */
	width: 100%;
	background-color: #000;
	padding: 49px 0 0;
	font-family: OPPOSans-Medium,"PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,Arial
}

.foot .content {
	/* padding: 0 288.5px; */
	margin: 0 auto
}

@media screen and (max-width:1440px) {
	.foot .content {
		padding: 40px;
		max-width: 1280px!important;
		min-width: 320px!important;
		width:100%;/* 202408 */
	}
}

.foot .foot_top {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 71px;
	width:100%;/* 202408 */
}

.foot .link_list>ul>li {
	margin-bottom: 10px;
	line-height: 20px;
	font-size: 14px;
	color: rgba(255,255,255,.6)
}

.foot .link_list>ul>li:hover {
	color: #fff
}

.foot .link_list>ul>li>a {
	font-size: 14px;
	color: rgba(255,255,255,.6);
	font-weight: 500
}

.foot .link_list>ul>li>a:hover {
	color: #fff
}

.foot .link_list .first_li {
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 20px
}

.foot .office_mall {
	/* position: relative *//* 202408 */
}

.foot .office_mall:hover>.mall_erweima {
	display: block
}

.foot .office_mall .mall_erweima {
	/* display: none;
	position: absolute;
	top: 0;
	left: 0; 
	width: 126px;
	height: 126px;
	padding: 2px;
	background-color: #fff;
	transform: translate(-34px,-140px);
	border-radius: 4px */
	width: 125px;
	height: 125px;
	/* 202408 */
}

.foot .office_mall .mall_erweima img {
	width: 100%;
	height: 100%
}

/* .foot .office_mall .mall_erweima::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-top: 8px solid #fff
} */

.foot .foot_middle {
	position: relative;
	padding-bottom: 25px;
	border-bottom: 1px solid rgba(255,255,255,.16)
}

.foot .foot_middle .contactus {
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 3px
}

.foot .foot_middle .telphone {
	font-size: 24px;
	line-height: 33px;
	color: #fff;
	font-weight: 600
}

.foot .foot_middle .telphone .time {
	font-size: 14px;
	line-height: 20px;
	margin-left: 9px;
	vertical-align: 3px
}

.foot .foot_middle .contact {
	position: absolute;
	right: 0;
	bottom: 21px;
	display: flex;
	align-items: center
}

.foot .foot_middle .contact .sina,.foot .foot_middle .contact .wechat {
	display: block;
	width: 24px;
	height: 24px
}

.foot .foot_middle .contact .service {
	line-height: 40px;
	text-align: center;
	display: block;
	font-size: 14px;
	width: 123px;
	height: 40px;
	margin-left: 21px;
	background: 0 0;
	border: 1px solid rgba(255,255,255,.6);
	border-radius: 2px;
	position: relative
}

.foot .copyright,.foot .copyright a,.foot .lan a {
	font-size: 14px;
	line-height: 20px
}

.foot .foot_middle .contact .service:hover .img {
	background: url(../images/online_service_active-4780add6bf.png) center no-repeat
}

.foot .foot_middle .contact .service:hover span {
	color: #111
}

.foot .foot_middle .contact .service:hover:before {
	transition: all .3s;
	width: 100%
}

.foot .foot_middle .contact .service .img {
	position: relative;
	z-index: 1;
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px;
	width: 19px;
	height: 16px;
	background: url(../images/online_service-c8e92ccade.png) center no-repeat;
	background-size: cover
}

.foot .foot_middle .contact .service span {
	position: relative;
	z-index: 1;
	color: rgba(255,255,255,.6);
	transition: all .3s
}

.foot .foot_middle .contact .service:before {
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 2px;
	background: #fff;
	transition: all .3s;
	width: 0
}

.foot .foot_middle .contact .wechat {
	position: relative;
	background: url(../images/wechat-23cfd86318.png) center no-repeat;
	background-size: cover
}

.foot .foot_middle .contact .wechat:hover {
	background-image: url(../images/wechat_active-3c9babf010.png)
}

.foot .foot_middle .contact .wechat:hover .wechat_erweima {
	display: block
}

.foot .foot_middle .contact .wechat .wechat_erweima {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 126px;
	height: 126px;
	padding: 2px;
	background-color: #fff;
	transform: translate(-52px,-140px);
	border-radius: 4px
}

.foot .foot_middle .contact .wechat .wechat_erweima img {
	width: 100%;
	height: 100%
}

.foot .foot_middle .contact .wechat .wechat_erweima::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-top: 8px solid #fff
}

.foot .foot_middle .contact .sina {
	margin-left: 21px;
	background: url(../images/sina-e423a62d18.png) center no-repeat;
	background-size: cover
}

.foot .foot_middle .contact .sina:hover {
	background-image: url(../images/sina_active-1f709de2d6.png)
}

.foot .copyright {
	padding: 20px 0 60px;
	color: rgba(255,255,255,.5);
	display: flex
}

.foot .copyright a {
	color: rgba(255,255,255,.5)
}

.foot .copyright a.one {
	/* padding-right: .1rem;
	border-right: .01rem solid #707070 */
}

.foot .copyright a.two {
	/* padding-left: .08rem; */
	padding-left: .08rem;
	padding-right: .08rem;
	border-left: .01rem solid #707070;
	/* 202408 */
}

.foot .copyright .copyContent {
	flex: 1
}

.foot .copyright .coop__remind {
	margin-left: .7rem
}

.foot .lan {
	display: flex;
	flex-shrink: 0
}

.foot .lan a {
	display: block;
	color: #fff
}

.foot .lan a:nth-child(1) {
	color: rgba(255,255,255,.6);
	padding: 0 17px
}

.foot .lan a:nth-child(1):hover {
	color: #fff
}

.foot .lan a:nth-child(2) {
	color: rgba(255,255,255,.6);
	padding-left: 16px
}

.foot .lan a:nth-child(2):hover {
	color: #fff
}

.foot .online_service {
	background: #2f7cd3;
	border-radius: 4px;
	width: 136px;
	height: 40px;
	text-align: center;
	color: #fff;
	line-height: 40px;
	margin-top: 20px;
	display: block;
	float: inherit
}

.flag,.foot .online_service i {
	display: inline-block;
	margin-right: 10px
}

.foot .online_service i {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: url(../images/zixun-8acf43c5a9.png) center no-repeat
}

.flag,.icon_arrow_down {
	background-image: url(../images/icon5-eb788d7d0e.png);
	background-repeat: no-repeat
}

.foot .online_service:hover {
	background-color: #2995ff;
	color: #fff
}

.icon_arrow_down {
	height: 6px;
	width: 10px;
	background-position: -180px 0
}

.flag {
	margin-top: 5px
}

.getTop {
	display: none;
	cursor: pointer;
	background: url(../images/gettop-39af3f63e1.png) center/contain no-repeat;
	width: 68px;
	height: 68px;
	opacity: .6;
	text-align: center
}

.getTop img {
	z-index: 9999;
	width: 17px;
	height: 20px;
	display: inline-block;
	margin-top: 21px
}

.getTop:hover {
	opacity: 1
}

.fixedtop {
	position: fixed;
	right: 10px;
	bottom: 50px;
	z-index: 900
}

.footer-cooperation,.online-service {
	display: none;
	position: fixed;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 68px;
	height: 68px;
	text-align: center;
	z-index: 1000
}

.apply_dialog,.online img {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.footer-cooperation.active .cooperationActive {
	width: 325px
}

.footer-cooperation {
	margin-top: 62px
}

.footer-cooperation .cooperationActive {
	position: absolute;
	right: 0;
	width: 46px;
	height: 46px;
	background-color: #2995ff;
	border-radius: 50px;
	display: flex;
	align-items: center;
	transform: translateX(-12px);
	transition: all .4s;
	overflow: hidden
}

.footer-cooperation .cooperationActive span {
	cursor: pointer;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: rgba(255,255,255,.7)
}

.footer-cooperation .cooperationActive span:hover {
	color: #fff
}

.footer-cooperation .cooperationActive span:nth-child(1) {
	padding: 0 20px 0 27px;
	overflow: hidden;
	white-space: nowrap;
	border-right: 1px solid rgba(255,255,255,.7)
}

.footer-cooperation .cooperationActive span:nth-child(2) {
	overflow: hidden;
	white-space: nowrap;
	padding-left: 19px
}

.footer-cooperation .con {
	background: #33c68f;
	position: relative;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
	width: 46px;
	height: 46px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	cursor: pointer
}

.footer-cooperation .con img {
	display: inline-block;
	z-index: 9999;
	width: 25px;
	height: 22px
}

.footer-cooperation>.con::before,.online::before {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #36b989;
	content: "";
	transform: translateX(-100%);
	transition: all .3s
}

.online {
	display: inline-block;
	background: #33c68f;
	position: relative;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
	width: 46px;
	height: 46px;
	border-radius: 50%;
	overflow: hidden
}

.online img {
	display: block;
	position: absolute;
	margin: auto;
	z-index: 9999;
	width: 22px;
	height: 22px
}

.ad_content,.success_dialog,.success_dialog1 {
	z-index: 1000;
	transform: translate(-50%,-50%);
	left: 50%
}

.con:hover::before,.online:hover::before {
	transform: translateX(0)
}

.apply_dialog {
	display: none;
	position: fixed;
	overflow-y: scroll;
	background: rgba(0,0,0,.3);
	z-index: 1000
}

.ad_content {
	width: 578px;
	padding-bottom: 80px;
	margin-bottom: 30px;
	background: #fff;
	border-radius: 6px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%,-50%)
}

.ad_close,.sd_close {
	width: 30px;
	right: 30px;
	cursor: pointer
}

.apply_dialog h1,.success_dialog h1 {
	padding-bottom: 30px;
	font-weight: 400;
	text-align: center
}

.ad_close {
	position: absolute;
	height: 30px;
	display: block;
	top: 30px;
	background: url(../images/close-7b8dfc7a04.png) center no-repeat
}

.apply_dialog h1 {
	padding-top: 100px;
	font-size: 32px;
	color: #2f2f2f
}

.apply_dialog form {
	margin: 0 auto;
	width: 480px
}

.apply_dialog form label {
	width: 20px;
	color: red
}

.apply_dialog form input {
	margin-bottom: 18px;
	padding-left: 18px;
	width: 420px;
	height: 50px;
	border-radius: 6px;
	border: 1px solid #ccc
}

.apply_dialog form select {
	width: 30%;
	height: 50px;
	margin-bottom: 18px;
	padding-left: 18px;
	border-radius: 6px;
	border: 1px solid #ccc;
	background: #f9f9f9
}

.apply_dialog form select.ad_source {
	width: 480px
}

.apply_dialog form input.ad_submit {
	width: 100%;
	background-color: #267ad0;
	font-size: 18px;
	color: #fff;
	cursor: pointer
}

.apply_dialog form textarea {
	width: 404px;
	height: 135px;
	padding-top: 15px;
	padding-left: 16px;
	padding-right: 16px;
	margin-bottom: 20px;
	border-radius: 6px;
	border: 1px solid #ccc;
	vertical-align: text-top
}

.apply_dialog .ad_tips {
	margin-left: 48px
}

.apply_dialog .ad_tips span {
	margin-right: 10px;
	color: red
}

.apply_dialog .phone_err {
	display: block;
	padding-left: 48px;
	margin-top: -16px;
	color: red;
	opacity: 0
}

.success_dialog,.success_dialog1 {
	width: 585px;
	height: 247px;
	background: #fff;
	border-radius: 6px;
	position: fixed;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	display: none
}

.sd_close {
	position: absolute;
	height: 30px;
	display: block;
	top: 30px;
	background: url(../images/close-7b8dfc7a04.png) center no-repeat
}

.success_dialog h1 {
	padding-top: 50px;
	font-size: 32px;
	color: #2f2f2f
}

.success_dialog p {
	text-align: center;
	color: grey;
	font-size: 14px
}

.success_dialog .sd_seconds {
	color: #6689e5;
	font-weight: 700
}

.success_dialog .icon_tip1 {
	color: #ff4242;
	font-size: 32px;
	text-align: center
}

.success_dialog .icon_tip2 {
	color: #737373;
	font-size: 25px;
	text-align: center
}

.v_modal {
	display: none;
	position: fixed;
	width: 297px;
	height: 146px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	box-shadow: 0 12px 24px rgba(0,10,23,.38);
	z-index: 99997;
	padding-top: 39px
}

.vClose {
	display: block;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background: url(../images/close-b9a6b619d7.svg) center no-repeat;
	background-size: cover
}

.v_mask,.video_mask,.video_modal {
	display: none;
	position: fixed
}

.vTitle {
	text-align: center;
	font-size: 24px;
	line-height: 33px;
	margin-bottom: 11px;
	font-weight: 800
}

.vDesc {
	font-size: 18px;
	color: #111;
	line-height: 25px;
	text-align: center
}

.v_mask {
	background-color: rgba(0,0,0,.78);
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 99996;
	-webkit-overflow-scrolling: touch
}

.video_modal {
	width: 1190px;
	height: 600px;
	left: 50%;
	top: 50%;
	margin-left: -595px;
	margin-top: -300px;
	z-index: 99999
}

.video_mask {
	background-color: #101010;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 99998;
	-webkit-overflow-scrolling: touch
}

.video_mask::after {
	content: "";
	display: block;
	position: absolute;
	right: 24px;
	top: 24px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	background: url(../images/vedio_t1_close-e909f77947.png) center no-repeat;
	background-size: cover;
	opacity: .5;
	filter: alpha(opacity=50)
}

.qr-code {
	margin-top: 84px;
	width: 280px;
	height: 155px
}

.qr-code .zhijia365 {
	margin-right: 40px
}

.qr-code .gongzhonghao,.qr-code .zhijia365 {
	float: left
}

.qr-code .gongzhonghao .desc,.qr-code .zhijia365 .desc {
	line-height: 34px;
	text-align: center
}

.new_btn {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	padding: 0 24px;
	height: 40px;
	border-radius: 4px;
	font-size: 16px;
	color: #fff
}

.new_btn span {
	position: relative;
	z-index: 1;
	line-height: 40px
}

.new_btn:before {
	content: "";
	width: 0%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: ease-in-out .3s;
	border-radius: 4px;
	background: #359ffc
}

.new_btn.resizable,.new_btn.resizable::before {
	border-radius: .04rem
}

.new_btn.resizable {
	padding: 0 .24rem;
	height: .4rem;
	font-size: .16rem
}

.new_btn.resizable span {
	line-height: .4rem
}

.new_btn--primary {
	background: #33c68f
}

.new_btn--primary:before {
	transition: all .3s;
	width: 0
}

.new_btn--primary:hover {
	background: #33c68f!important
}

.new_btn--primary:hover:before {
	width: 100%
}

.new_btn--primary:active:before {
	background: #005ec9;
	width: 100%
}

.new_btn--disabled {
	background: #d9d9d9;
	cursor: not-allowed;
	color: rgba(17,17,17,.4)
}

.new_btn--disabled:hover:before {
	display: none
}

.data_source_tips {
	position: absolute;
	font-size: 16px;
	color: rgba(17,17,17,.6)
}

.data_source_tips_white {
	position: absolute;
	font-size: 16px;
	color: rgba(255,255,255,.6)
}

.detail_header {
	width: 100%;
	height: 50px;
	background: #1a1a1a;
	box-shadow: 0 1px 4px rgba(0,0,0,.1)
}

.detail_white {
	background: #fffefe
}

.t1_fixed {
	position: fixed;
	/* top: 0; */
	z-index: 9999;
	top: 90px;
}

.detail_header .th_content {
	/* width: 1200px; */
	margin: 0 auto;
	display: flex;
	width:90%;
	max-width:1280px;/* 202408 */
}

.detail_header .th_content .t1 {
	font-size: 18px;
	/* color: #777; */
	line-height: 50px;
	vertical-align: middle;
	color:#fff;
}

.detail_white .th_content .t1 {
	color: #b0b0b0
}

.detail_header .th_content ul {
	display: flex;
	justify-content: flex-end
}

.detail_header .th_content ul li {
	margin-right: 54px;
	height: 50px;
	line-height: 50px;
	float: left
}

.detail_header .th_content ul li a {
	font-size: 16px;
	color: #777
}

.detail_header .th_content ul .text a:hover,.detail_header .th_content ul .text.active a,.detail_white .th_content ul li a {
	color: #ccc
}

.detail_white .th_content ul .text a:hover,.detail_white .th_content ul .text.active a {
	color: #2f2f2f
}

.detail_header .th_content ul li.buyBtn {
	margin-right: 19px
}

.detail_header .th_content ul li.buyBtn a {
	display: block;
	width: 80px;
	height: 30px;
	text-align: center;
	background: #33c68f;
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
	border-radius: 4px;
	line-height: 30px
}

.product_detail_tips {
	background: #202020;
	padding: 60px
}

.product_detail_tips p {
	margin: 0 auto;
	/* max-width: 1200px; *//* 202408 */
	font-size: 14px;
	font-family: PingFang SC-Medium,PingFang SC;
	font-weight: 500;
	color: rgba(255,255,255,.8);
	line-height: 24px;
	max-width: 1280px;/* 202408 */
}